<!--右边栏 Start-->
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div class="page-header fm-hd">
                <h4><span style="font-size:12px;">当前位置：权限管理&nbsp;&gt;&nbsp;</span>账号管理</h4>
            </div>
            <!-- 查询模块 Start -->
                <div class="fm-query">
                    <div class="frmbox">
                    	<form id="excel" name="excel" style="display: none" method="post"> </form>
                        <form id="serchForm" id="serchForm" name="serchForm">
                            <div class="querybox">
                                <div class="form-group">
                                    <label class="control-label">账号名：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="userName" name="userName">
                                    </div>
                                </div>
                                <div class="form-group" style="margin:0;">
                                    <label class="control-label">姓名：</label>
                                    <div class="control-con">
                                        <input type="text" class="form-control" id="trueName" name="trueName">
                                    </div>
                                </div>
                                <div class="clearit"></div>
                                <div class="form-group">
                                	<label class="control-label">角色：</label>
                                	<div class="control-con">
	                                  <select class="form-control" id="role" name="role">
	                                       <option value>全部</option>
	                                  </select>
                                	</div>
                            	</div>    
                            	<div class="form-group">
                                	<label class="control-label">账号状态：</label>
                                	<div class="control-con">
	                                  <select class="form-control" id="status" name="status">
	                                       <option value="">全部</option>
	                                       <option value=0>使用中</option>
	                                       <option value=1>停用中</option>
	                                  </select>
                                	</div>
                            	</div>    
                                <div class="clearit"></div>
                                <div class="form-group">
                                	<label class="control-label">时间：</label>
                                	<div class="control-con">
                                    	<input type="text" class="form-control w130" id="startCreateTime" name="startCreateTime" readonly="readonly" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'endCreateTime\')||\'\'}'})"><span class="w40">——</span>
                                    	<input type="text" class="form-control w130" id="endCreateTime" name="endCreateTime" readonly="readonly" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startCreateTime\')||\'\'}'})">
                                	</div>
                            	</div>  
                                <div class="clearit"></div>               	                               
                            </div>
                            <div class="querybtn">
                                <button class="btn btn-primary serchBtn" type="button">搜索</button>
                                <button class="btn btn-default resetBtn" type="button">重置</button>
                                <button class="btn btn-default excelBtn" type="button">搜索并导出</button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- 查询模块 End -->
            <!-- 内容  开始 -->
            <div class="fm-body">
                <div class="mb10"><button class="btn btn-primary create_account_btn">新建账号</button></div>
                <!-- 列表模块 Start -->
                <div class="dddbox">
	                <table class="table table-striped ddd-table" id="account_tpl">

	                </table>
                </div>
                <!-- 列表模块 End -->
                <!-- 分页 Start -->
                <div class="pagebox" id="pageBox" style="display: none">
                	<div class="numbox">共<span class="blue3" id="records">8</span>条记录</div>
                		<ul class="pagination fm_pageination" id="page">
		                    <li>
		                        <a href="#">上一页</a>
		                    </li>
		                    <li class="active">
		                        <a href="#">1</a>
		                    </li>
		                    <li>
		                        <a href="#">2</a>
		                    </li>
		                    <li>
		                        <a href="#">3</a>
		                    </li>
		                    <li>
		                        <a href="#">4</a>
		                    </li>
		                    <li>
		                        <a href="#">5</a>
		                    </li>
		                    <li>
		                        <a href="#">下一页</a>
		                    </li>
		                </ul>
		        </div>
                <!-- 分页 End -->
            </div>
            <!-- 内容  结束 -->
        </div>
    </div>
</div>
<!--右边栏 End-->

<!-- 新建账号   模态框（Modal） -->
<div class="modal fade" id="addAccount" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
 <div class="modal-dialog">
        <div class="modal-content" style="width:800px;">
            <div class="modal-header">
                <button type="button" class="close add_close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">新建账号</h4>
            </div>
            <div class="modal-body popfrm5">
                <form class="form-horizontal" id="addAccoutForm" name="addAccoutForm" role="form">
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>账号名：</label>
                        <div class="pop-right">
                        	<input type="text" disabled="true" name="plat_label" class="fl qz-input"/>
                        	<span class="fl jiahao">+</span>
                            <input type="text" class="form-control fl w259" name="userName" datatype="/^[a-zA-Z_0-9]{3,20}$/" placeholder="3-20个字符（支持数字字母下划线）" errormsg="3-20个字符（支持数字字母下划线）" nullmsg="请输入用户账号"/>
                        </div>
                        <div class="fl tishi ml10"><i class="iconfont">&#xe62d;</i>子账号名将不支持修改，请谨慎填写。</div>
                    </div>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>密码：</label>
                        <div class="pop-right">
                            <input type="password" class="form-control" name="userPassword" placeholder="6-20个字符" datatype="*6-20" nullmsg="请设置密码！" errormsg="密码范围在6~20位之间！"/>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>确认密码：</label>
                        <div class="pop-right">
                            <input type="password" class="form-control" datatype="*6-20" name="userPassword2" placeholder="6-20个字符" recheck="userPassword" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！"/>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>姓名：</label>
                        <div class="pop-right">
                            <input type="text" class="form-control" datatype="*1-10" name="trueName" placeholder="最多10个字" nullmsg="请输入姓名" errormsg="最多10个字"/>
                        </div>
                    </div> 
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>工号：</label>
                        <div class="pop-right">
                            <input type="text" class="form-control" datatype="*1-5" name="staff_no" placeholder="最多5个字" nullmsg="请输入工号" errormsg="最多5个字"/>
                        </div>
                    </div> 
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>关联角色：</label>
                        <div class="pop-right">
                            <select class="form-control" name="role_id" datatype="*" nullmsg="请选择角色！" errormsg="请选择角色！">
                            	<option value>请选择</option>
                            </select>
                        </div>
                    </div> 
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>用户类型：</label>
                        <div class="pop-right">
                            <div class="col-sm-12">
                                    <ul class="ul-radio">
                                        <li>
                                            <input type="radio" name="userRole" class="chk" checked="checked" value="SUBSELLER">PC宅配</li>
                                        <li>
                                            <input type="radio" name="userRole" class="chk" value="DELIVERSELL">手机销售</li>
                                        <li>
                                            <input type="radio" name="userRole" class="chk" value="FINANCE">手机财务</li>
                                    </ul>
                                    <div class="clearit"></div>
                                </div>
                        </div>
                    </div> 
	               	<!-- <div class="form-group">
		                 <label for="lastname" class="pop-left"><span class="redstar">*</span>联系方式：</label>
		                  <div class="pop-right">
		                         <input type="text" name="mobile" placeholder="输入11位手机号码" class="form-control" datatype="m" errormsg="输入11位手机号码" nullmsg="输入11位手机号码"/>
		                  </div>
		            </div>
		            <div class="form-group">
		                 <label for="lastname" class="pop-left">邮箱（ 可选）：</label>
		                  <div class="pop-right">
		                         <input type="text" name="email" class="form-control" datatype="/^\s*$/|e"/>
		                  </div>
		            </div> -->
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="save_account_cancel_btn">取消</button>
                <button type="button" class="btn btn-primary" id="save_account_btn">创建</button>
            </div>
        </div><!-- /.modal-content -->
  </div><!-- /.modal -->   
</div>


<!-- 编辑   模态框（Modal） -->
<div class="modal fade" id="editAccount" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
 <div class="modal-dialog">
        <div class="modal-content" style="width:800px;">
            <div class="modal-header">
                <button type="button" class="close edit_close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">编辑账号</h4>
            </div>
            <div class="modal-body popfrm5">
                <form class="form-horizontal" id="editAccoutForm" name="editAccoutForm" role="form">
                	<input type="hidden" name="id"/>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>账号名：</label>
                        <div class="pop-right">
                        	<input type="hidden" name="userName"/>
                            <input type="text" class="form-control" name="userName1" disabled="true"/>
                            <span class="Validform_checktip"></span>
                        </div>
                        <div class="fl tishi ml10"><i class="iconfont">&#xe62d;</i>子账号名将不支持修改，请谨慎填写。</div>
                    </div>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar"></span>新密码：</label>
                        <div class="pop-right">
                            <input type="password" class="form-control" name="userPassword" placeholder="6-20个字符" datatype="/^\s*$/|*6-20" errormsg="密码范围在6~20位之间！"/>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar"></span>确认新密码：</label>
                        <div class="pop-right">
                            <input type="password" class="form-control" datatype="/^\s*$/|*6-20" name="userPassword2" placeholder="6-20个字符" recheck="userPassword" errormsg="您两次输入的账号密码不一致！"/>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>姓名：</label>
                        <div class="pop-right">
                            <input type="text" class="form-control" datatype="*1-10" name="trueName" placeholder="最多10个字" nullmsg="请输入姓名" errormsg="最多10个字"/>
                        </div>
                    </div> 
                     <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>工号：</label>
                        <div class="pop-right">
                            <input type="text" class="form-control" datatype="*1-5" name="staff_no" placeholder="最多5个字" nullmsg="请输入工号" errormsg="最多5个字"/>
                        </div>
                    </div> 
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>关联角色：</label>
                        <div class="pop-right">
                            <select class="form-control" name="role_id" datatype="*" nullmsg="请选择角色！" errormsg="请选择角色！">
                            	<option value>请选择</option>
                            </select>
                        </div>
                    </div> 
                    <div class="form-group" style="margin-bottom:10px;">
                        <label for="firstname" class="pop-left control-label"><span class="redstar">*</span>用户类型：</label>
                        <div class="pop-right">
                            <div class="col-sm-12">
                                    <ul class="ul-radio">
                                        <li>
                                            <input type="radio" name="userRole" class="chk" checked="checked" value="SUBSELLER">PC宅配</li>
                                        <li>
                                            <input type="radio" name="userRole" class="chk" value="DELIVERSELL">手机销售</li>
                                        <li>
                                            <input type="radio" name="userRole" class="chk" value="FINANCE">手机财务</li>
                                    </ul>
                                    <div class="clearit"></div>
                                </div>
                        </div>
                    </div> 
	               	<!-- <div class="form-group">
		                 <label for="lastname" class="pop-left"><span class="redstar">*</span>联系方式：</label>
		                  <div class="pop-right">
		                         <input type="text" name="mobile" placeholder="输入11位手机号码" class="form-control" datatype="m" errormsg="输入11位手机号码" nullmsg="输入11位手机号码"/>
		                  </div>
		            </div>
		            <div class="form-group">
		                 <label for="lastname" class="pop-left">邮箱（ 可选）：</label>
		                  <div class="pop-right">
		                         <input type="text" name="email" class="form-control" datatype="/^\s*$/|e"/>
		                  </div>
		            </div> -->
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="edit_account_btn">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="edit_account_cancel_btn">取消</button>
            </div>
        </div><!-- /.modal-content -->
  </div><!-- /.modal -->   
</div>
<script src="../js/modules/authority/account.js?v=1.2.2"></script>
